<template>
  <div @click="outerClick" class="outer">

    <div v-for="item in checkedList" :key="item.label">
      <el-checkbox v-model="item.value" @change="change">{{item.label}}</el-checkbox>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        checkedList:[
          {
            label:'1',
            value:false
          },
          {
            label:'2',
            value:true
          }
        ]
          
      }
    },
    methods: {
      outerClick() {
        console.log('outerClick')
      },
      change(val) {
        console.log('change',val)
      }
    },
  }
</script>

<style  scoped>
.outer{
  width: 200px;
  height: 200px;
  background-color: aqua;
}
</style>